import ReactDOM from 'react-dom/client'

// 定义函数，返回 JSX 表示的 React 元素
// 函数组件
const Element = (props) => {
  return (
    <h1 title={props.title}>
      Hello { props.message }
    </h1>
  )
}

const root = ReactDOM.createRoot(document.querySelector('#root'))

root.render(
  // element({title: '这是一级标题', message: '千锋成都!'})
  // element({title: '这是自定义标题内容', message: '千锋成都HTML5!'})
  <Element title="自定义的标题" message="千锋成都h5-2209!!!" />
)
